<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>简淘科技</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/index.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery_2_1_4.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/jiaodiantu.js"></script>
</head>
<body class="f2f2f2">
<header>
<div class="header_top">
<a href="javascript:void(0);" id="fanhui_btn" class="header_left"><span class="fanhui">返回</span></a>
<h1>团购</h1>
</div>
</header>
<div class="wp_100">
<div class="header_top"></div>
<div class="clear"></div>
</div>
<!--头部结束内容开始-->
<div class="wp_100">
<div class="tuangou_xnr01">
<ul class="ul_01"><a class="this" href="团购首页.html"><span class="span_px">团购</span></a></ul>
<ul class="ul_01"><a class="moren" href="秒杀首页.html"><span class="span_px">秒杀</span></a></ul>
</div>
<div class="tuangou_nr02" id="tuangou_nr02">
<ul>
<li><a href="#" class="this"><b>16点场</b><br>抢购进行中</a></li><li><a href="#" class="moren"><b>17点场</b><br>即将开抢</a></li>
<li><a href="#" class="moren"><b>18点场</b><br>即将开抢</a></li><li><a href="#" class="moren"><b>19点场</b><br>即将开抢</a></li>
<li><a href="#" class="moren"><b>20点场</b><br>抢购进行中</a></li><li><a href="#" class="moren"><b>21点场</b><br>即将开抢</a></li>
<li><a href="#" class="moren"><b>22点场</b><br>即将开抢</a></li><li><a href="#" class="moren"><b>23点场</b><br>即将开抢</a></li>
<li><a href="#" class="moren"><b>0点场</b><br>即将开抢</a></li><li><a href="#" class="moren"><b>1点场</b><br>即将开抢</a></li>
</ul>
</div>
<script>
$("#tuangou_nr02 ul li").css({"width":$(window).width()/4});
var tgul_width=($(window).width()/4)*$('#tuangou_nr02 ul li').length;
$("#tuangou_nr02 ul").css({"width":tgul_width});
//调用
var tgulli_width=parseInt($("#tuangou_nr02 ul li").width());
var tgul_ligs=parseInt($('#tuangou_nr02 ul li').length);
var tgul_listyle=parseInt($('#tuangou_nr02 ul').css("left"));
var leftci_01=1;
var isright_01=0;
$("#tuangou_nr02").touchwipe({
	wipeLeft:function(){
	//alert("向左滑动了")
		var tgulli_width1=tgulli_width*leftci_01;
		if(tgul_ligs-leftci_01-1>=4){
		isright_01=1;
		leftci_01++;
	}		
	$("#tuangou_nr02 ul").css({"left":-tgulli_width1+"px"});
	},
	wipeRight:function(){
	if(isright_01==1){
		isright_01=0;
		leftci_01--;
	}
	if(leftci_01>=1){
	leftci_01--;
	}
	var tgulli_width2=tgulli_width*leftci_01;				
	if(leftci_01==0){
		leftci_01=1;	
		}				
		$("#tuangou_nr02 ul").css({"left":-tgulli_width2+"px"});
	//alert("向右滑动了")
	},
})
</script>
<div class="tuangou_nr03">
<ul class="ul_01">抢购中 16:00开始</ul>
<ul class="ul_02">
<p class="span_djssm">距结束</p>
<p id="djs_id0102" class="djs_bt"></p>
<script type="text/javascript">
//说明由于JS计算时间会少算一月，因为程序在调用时在原日期上减去一个月
shuzu_target[shuzu_target.length]=new Date(2016,09,05,19,00,00).getTime(); 
datetime_id[datetime_id.length]="djs_id0102" 
</script> 
</ul>
</div>
<div class="tuangou_nr04">
<ul class="ul_01">
<div class="pic"><a href="#"><img src="images/ad_005.png"></a></div>
<div class="dptj_js01">
<p class="dp_mc dy_dd"><a href="#">DD变频静心系列滚筒洗衣机</a></p>
<p class="mt05"><span class="jiage">￥2888.00</span><span class="ahekou">5.8折</span></p>
<p class="dy_dd goumairs">223人购买</p><p class="dy_dd goumairs">已抢购60%</p>
<a href="#" class="yudinghs_dw">已售完</a>
</div>
</ul>
<ul class="ul_01">
<div class="pic"><a href="#"><img src="images/ad_005.png"></a></div>
<div class="dptj_js01">
<p class="dp_mc dy_dd"><a href="#">DD变频静心系列滚筒洗衣机</a></p>
<p class="mt05"><span class="jiage">￥2888.00</span><span class="ahekou">5.8折</span></p>
<p class="dy_dd goumairs">223人购买</p><p class="dy_dd goumairs">已抢购60%</p>
<a href="商品详细.html" class="yuding_dw">去抢购</a>
</div>
</ul>
<ul class="ul_01">
<div class="pic"><a href="#"><img src="images/ad_005.png"></a></div>
<div class="dptj_js01">
<p class="dp_mc dy_dd"><a href="#">DD变频静心系列滚筒洗衣机</a></p>
<p class="mt05"><span class="jiage">￥2888.00</span><span class="ahekou">5.8折</span></p>
<p class="dy_dd goumairs">223人购买</p><p class="dy_dd goumairs">已抢购60%</p>
<a href="商品详细.html" class="yuding_dw">去抢购</a>
</div>
</ul>
<ul class="ul_01">
<div class="pic"><a href="#"><img src="images/ad_005.png"></a></div>
<div class="dptj_js01">
<p class="dp_mc dy_dd"><a href="#">DD变频静心系列滚筒洗衣机</a></p>
<p class="mt05"><span class="jiage">￥2888.00</span><span class="ahekou">5.8折</span></p>
<p class="dy_dd goumairs">223人购买</p><p class="dy_dd goumairs">已抢购60%</p>
<a href="商品详细.html" class="yuding_dw">去抢购</a>
</div>
</ul>
<ul class="ul_01">
<div class="pic"><a href="#"><img src="images/ad_005.png"></a></div>
<div class="dptj_js01">
<p class="dp_mc dy_dd"><a href="#">DD变频静心系列滚筒洗衣机</a></p>
<p class="mt05"><span class="jiage">￥2888.00</span><span class="ahekou">5.8折</span></p>
<p class="dy_dd goumairs">223人购买</p><p class="dy_dd goumairs">已抢购60%</p>
<a href="商品详细.html" class="yuding_dw">去抢购</a>
</div>
</ul>
</div>
<div class="clear"></div>
</div>
</body>
</html>
